<template>
	<div>
		<logo></logo>
		<div class="wrap">		
		<div class="list">			
		    <h3>个人中心</h3>
			<dl>
				<dt>交易管理<span class="iconfont icon-iconfontyoujiantou"></span></dt>
				<dd><router-link to="/myaccount">我的账户</router-link></dd>
				<dd><router-link to="/myorder">我的订单</router-link></dd>
				<dd><router-link to="/mypoints">我的积分</router-link></dd>
				<dd><router-link to="/integralorder">积分订单</router-link></dd>
				<dd><router-link to="/mywallet">我的钱包</router-link></dd>				
				<dt>会员资料<span class="iconfont icon-iconfontyoujiantou"></span></dt>
				<dd><router-link to="/personaldata">个人资料</router-link></dd>
				<dd><router-link to="/adressmanagement">地址管理</router-link></dd>
				<dd><router-link to="/mycollection">我的收藏</router-link></dd>
				<dd><router-link to="/recentbrowse">最近浏览</router-link></dd>
				<dd><router-link to="/changepassword">修改密码</router-link></dd>
				<dt>站内信<span class="iconfont icon-iconfontyoujiantou thirdspan"></span></dt>
				<dd><router-link to="/mynews">我的消息</router-link></dd>
				<dd><router-link to="/feedback">意见反馈</router-link></dd>				
			</dl>
		</div>
		<div class="content">
			<router-view name="second"></router-view>			
		</div>
	</div>
	</div>
</template>

<script>
import logo from"./logo.vue"
	export default {
		name:"personal",
		components:{
		  logo 
		},
		mounted:function(){
			$(function(){
				$("a").click(function(){
					$("a").css({"color":"rgb(180,180,180)","text-decoration": "none"})
					$(this).css({"color":"rgb(141,202,48)","text-decoration": "underline"})
			    })
			})
		}
	}
	
</script>
<style scoped>
	h3,dl,dt,dd{
		margin: 0;
		padding: 0;
	}
	.wrap{
		width: 1280px;
		margin: 0px auto 40px ;
		
	}
	.list{
		width: 168px;
		height: 623px;
		border: 1px solid rgb(242,242,242);		
		float: left;
		
	}
	h3{
		font-weight: 400;
		font-size: 18px;
		color: rgb(123,123,123);
		text-indent: 22px;
		line-height: 58px;
		border-bottom: 1px solid rgb(242,242,242);	
	}
	dl{
		text-indent: 22px;			
	}
	dt{
		font-size: 18px;
		font-weight: 300;
		color: rgb(123,123,123);
		padding: 5px 0;
	}
	.firstdt{
		margin-top: 11px;
	}
	dd{
		line-height: 36px;
		font-size: 14px;
		color: rgb(180,180,180);
		text-shadow: 1px 1px  rgb(245,245,245);
	}
	span{
		display: inline-block;
		width: 20px;
		line-height: 20px;
        font-size: 20px;
        vertical-align: middle;
	}
	.thirdspan{
		padding-left: 18px;
	}
	.content{
		margin-left: 194px;
		width: 1085px;		
	}
	a{
		color: rgb(180,180,180);
	}
</style>